/*
* @Author: Administrator
* @Date:   2018-01-12 16:29:23
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-19 12:49:37
*/
const px10 = '0.625rem'
const px12 = '0.75rem'
const px20 = '1.25rem'
const px25 = '1.5625rem'

const createStyle = (theme) => {
  const style = {
    topicTips: {
      width: '100%',
      overflow: 'hidden',
      height: px25,
      lineHeight: px25,
      color: '#595959',
    },
    tab: {
      color: theme.palette.accent[500],
      border: '1px solid',
      borderColor: theme.palette.accent[400],
      fontSize: px12,
      padding: '0 0.3125rem',
      borderRadius: '0.1875rem',
      marginRight: px10,
      lineHeight: px20,
      display: 'inline-block',
    },
    lastReplyAt: {
      marginRight: px10,
      display: 'inline-block',

    },
    visitCount: {
      marginRight: px10,
      display: 'inline-block',
      position: 'relative',
      paddingLeft: px20,
    },
    replayCount: {
      display: 'inline-block',
      paddingLeft: px20,
      position: 'relative',
    },
    relayIcon: {
      fontSize: px12,
      color: theme.palette.primary[400],
      width: '1rem',
      height: '1rem',
      position: 'absolute',
      top: '50%',
      marginTop: '-0.5rem',
      left: '0',
    },
  }
  return style
}
export default createStyle
